<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>DOMparents</title>
	<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
	<script>
		$(document).ready(function () {
			$(".ex .hide").click(function () {
				$(this).parents(".ex").hide("fast")

			})

		})

	</script>
	<style type="text/css">
		div.ex{
			background-color: #CCCCCC;
			padding-top: 7px;
			border: 1px solid #F49F34;
		}

	</style>
</head>
<body>
<h3>中国办事处</h3>
<div class="ex">
	<button class="hide" type="button" >隐藏</button>
	<p>
		联系人:张先生<br/>
		北三环中路 100号<br/>
		北京
	</p>
</div>
<h3>美国办事处</h3>
<div class="ex">
	<button class="hide" type="button" >隐藏</button>
	<p>
		联系人:David<br/>
		第五大街 100号<br/>
		纽约
	</p>
</div>




</body>
</html>